<template>
    <div class="layout">
        <el-container style="width:100%;height: 100%;">

            <el-aside width="180px" style="height: 100%;background-color:white;box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);" >

                <el-menu
                    active-text-color="#409EFF"
                    background-color="white"
                    class="el-menu-vertical-demo"
                    :default-active="this.$route.path"
                    text-color="#548af7"
                    style="height: 100%"
                    router >
                    <el-menu-item index="/main/uniTeacher/account">
                        <el-icon><Edit /></el-icon>
                        <span>账号管理</span>
                    </el-menu-item>
                    <el-menu-item index="/main/uniTeacher/department">
                        <el-icon><Edit /></el-icon>
                        <span>部门管理</span>
                    </el-menu-item>
<!--                    <el-menu-item index="/main/store/good/product">
                        <el-icon><Handbag /></el-icon>
                        <span>土特产</span>
                    </el-menu-item>
                    <el-menu-item index="/main/store/order/order">
                        <el-icon><document /></el-icon>
                        <span>订单</span>
                    </el-menu-item>-->
                </el-menu>

            </el-aside>

            <el-main>

            <router-view name="view"></router-view>

            </el-main>

        </el-container>
    </div>
</template>

<script>
import router from '@/router';
export default {

}

</script>

<style>
  .layout {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 60px;
    left: 0;
    background: transparent;
  }

  .el-menu-item-group {
    background-color: white;
  }
</style>